<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点我试试</button>
    <script>
        //什么是事件
        
        // 用户和某些标签  按钮等 做的一个约定 
        // 当用户通过一些行为 然后让某些代码执行 

        // 就会捕捉用户的行为 然后 做出对应的操作  


        var btn = document.querySelector('button');
        btn.onclick = function(){
            alert(123);
        }


        // 事件源 : 绑定在谁的身上  btn
        // 事件类型: 约定的动作  点击   
        // 事件处理函数: 行为触发以后执行的函数  


        // dom等级 

        // dom0 函数赋值给一个事件 就是dom0
        // dom2 弥补dom0的不足 dom0只能赋值一个函数  dom2支持赋值多个函数  
        // dom3 在dom2的基础上 做了一个升级 拓展事件   焦点

        
    </script>
</body>
</html>